<!--
  Generated template for the RandomCallPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>随机点名</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding style="margin-bottom:68px;">
  <!-- <p style="text-align: center;padding-bottom: 75px;">当前有{{"123"}}人参与随机提问</p> -->
  <div style="margin-top: 80px;" *ngIf="picshow">
    <p style="width:160px;height:160px;border-radius: 50%;border:1px solid #888;margin: auto;overflow: hidden;position: relative;">
      <img [src]="pic" style='position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;'>
    </p>
    <p style="width:120px;margin:auto;text-align: center;margin-top: 5px;font-size:20px;height: 24px;">
      {{classname}}
    </p>
  </div>
  <div style="margin-bottom:68px;margin-top: 80px;">
    <p (click)="begincallb()" style="line-height:100px;width:100px;height:100px;border-radius: 50%;border:1px solid #888;margin: auto;text-align: center;background: #169BD5;">
      <span style="color:#fff;">
        {{startask}}
      </span>
    </p>
  </div>
</ion-content>
<ion-footer>
  <page-control [classcourseId]=courseclassid [unitId]=unitId></page-control>
</ion-footer>
